<template>
    <div class="ys">
        <img src="@/assets/images/ys.png" alt="">
        <!-- <h1>等级介绍</h1>

        <p>会员等级是基于用户在3年有效期内的开瓶数量所决定的，当用户达到相应的等级门槛即可升级。</p>

        <h2>等级有效期</h2>

        <p>
            员等级有效期为3年，若用户升级，新等级有效期从升级当天开始重新计算。若您没有在当前有效期内升级，新等级有效期会在次日重新计算并变更为新的等级

            用户的开瓶数系统会自动累积。在当前等级有效期变更前获取的开瓶数，会被计入当前等级有效期内。当用户升级到更高等级时，在上一个等级积累的开瓶数，将重新计入在新的等级有效期内。
        </p>
        <h2>升降级规则</h2>
        <p>用户在等级有效內开瓶数达到升级门槛值，新等级立即生效</p>
        <p>等级到期后，用户等级将根据上个有效内的累积开瓶数重新计算。</p>
        <h2>等级计算规则</h2>
        <p>会员等级&#x3000;&#x3000;&#x3000;开瓶数</p>
        <p>新星会员&#x3000;&#x3000;&#x3000;0瓶</p>
        <p>银卡会员&#x3000;&#x3000;&#x3000;1-39瓶</p>
        <p>金卡会员&#x3000;&#x3000;&#x3000;40-119瓶</p>
        <p>铂金卡会员&#x3000;&#x3000;&#x3000;120-299瓶</p>
        <p>钻石卡会员&#x3000;&#x3000;&#x3000;300瓶以上</p> -->
    </div>
</template>

<script>
export default {
    name: 'HelloWorld',
    components:{
        
    },
    data () {
        return {
            
        }
    },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
    .ys{
        img{
            width: 100%;
        }
    }
    .ys{
        h1{
            font-size: 34px;
            color: #d7bf87;
            line-height: 99px;
        }
        h2{
            font-size: 30px;
            color: #d7bf87;
            line-height: 88px;
        }
        p{
            font-size: 30px;
            line-height: 60px;
            color:#eaeaea;
        }
    }
</style>
